import Vue from 'vue'
import Router from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/Users.vue'
import Rights from '../components/power/Rights.vue'
import Roles from '../components/power/Roles.vue'



Vue.use(Router)

  


const router= new Router({
   routes:[
// 路由规则
     {path:'/',redirect:'/login'},
     { path:'/login', component:Login},
     { path:'/home',
            component:Home,
            redirect:'/welcome',
             children:[
      //   子路由
            { path:'/welcome',component:Welcome},
            { path:'/users',component:Users},
            { path:'/rights',component:Rights},
            { path:'/roles',component:Roles}
         
         ]
     }
   ]

})
//挂载路由导航守卫控制访问权限
router.beforeEach((to,from,next)=>{
   //  to将要访问的路径
   //  from代表从哪个路径跳转而来
   //  next是一个函数，表示放行
   //  next（）放行  next（‘/login’）强制跳转
   if(to.path==='/login')return next()
   
   // 获取token
   const tokenStr=window.sessionStorage.getItem('token')
   if(!tokenStr)return next('/login')
   next()
})

export default router

